<%--
  Created by IntelliJ IDEA.
  User: SYHT
  Date: 2017/5/19
  Time: 16:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <jsp:include page="documentForeEnd.jsp"/>
    <link href="${pageContext.request.contextPath}/dist/foreEnd/css/bootstrap.css" rel="stylesheet"/>
</head>
<body>
<header>
    <jsp:include page="headerForeEnd2.jsp"/>
</header>


<!--模板管理-->
<div class="container">

    <%--普通员工--%>
    <div style="margin-top: 80px">
        <h4 class="apply_h4" style="text-align: center">普通员工</h4>
        <div class="well" style="margin-top: 80px">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th class="vv">申请名称</th>
                    <th class="v">申请人</th>
                    <th class="vv">申请时间</th>
                    <th class="vv">申请状态</th>
                    <th class="v">审批状态</th>
                    <th class="v">详情</th>
                </tr>
                </thead>

                <tbody>
                <tr>
                    <td>请假模板</td>
                    <td>鹿晗</td>
                    <td>2017-05-20</td>
                    <td>审核中</td>
                    <td><span style="font-size: 14px">未读</span> <span style="font-size: 14px">已读</span></td>
                    <td><a href="信封页面点击查看.html"><i class="fa fa-search-plus"></i></a></td>
                </tr>

                <tr>
                    <td>出差模板</td>
                    <td>哈哈</td>
                    <td>2017-05-20</td>
                    <td>审核中</td>
                    <td><span style="font-size: 14px">未读</span> <span style="font-size: 14px">已读</span></td>
                    <td><a href="信封页面点击查看.html"><i class="fa fa-search-plus"></i></a></td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>

    <%--普通领导--%>
    <div style="margin-top: 80px">
        <h4 class="apply_h4" style="text-align: center">普通领导</h4>
        <div style="margin-top: 30px">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active">
                    <a href="#shuttering" data-toggle="tab">我的申请</a>
                </li>
                <li><a href="#apply" data-toggle="tab">待审批</a></li>

            </ul>
            <div id="myTabContent" class="tab-content">
                <!--模板管理-->
                <div class="tab-pane fade in active" id="shuttering">
                    <div class="well">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th class="vv">申请名称</th>
                                <th class="v">申请人</th>
                                <th class="vv">申请时间</th>
                                <th class="vv">申请状态</th>
                                <th class="v">审批状态</th>
                                <th class="v">详情</th>

                            </tr>
                            </thead>

                            <tbody>
                            <tr>
                                <td>请假模板</td>
                                <td>鹿晗</td>
                                <td>2017-05-20</td>
                                <td>审核中</td>
                                <td><span style="font-size: 14px">未读</span> <span style="font-size: 14px">已读</span></td>
                                <td><a href="信封页面点击查看.html"><i class="fa fa-search-plus"></i></a></td>
                            </tr>

                            <tr>
                                <td>出差模板</td>
                                <td>哈哈</td>
                                <td>2017-05-20</td>
                                <td>审核中</td>
                                <td><span style="font-size: 14px">未读</span> <span style="font-size: 14px">已读</span></td>
                                <td><a href="信封页面点击查看.html"><i class="fa fa-search-plus"></i></a></td>
                            </tr>

                            </tbody>
                        </table>
                    </div>

                </div>


                <!--申请管理-->
                <div class="tab-pane fade" id="apply">
                    <div class="well">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th class="vv">申请名称</th>
                                <th class="vv">申请人</th>
                                <th class="vv">申请时间</th>
                                <th class="vv">申请状态</th>
                                <th class="v">查看</th>
                            </tr>
                            </thead>

                            <tbody>
                            <tr>
                                <td>出差模板</td>
                                <td>郑秀妍</td>
                                <td>2017-05-09</td>
                                <td>审核中</td>
                                <td><a href="申请管理详情页面.html"><i class="fa fa-search-plus"></i></a></td>
                            </tr>

                            <tr>

                                <td>请假模板</td>
                                <td>金泰妍</td>
                                <td>2017-05-09</td>
                                <td>审核中</td>
                                <td><a href="申请管理详情页面.html"><i class="fa fa-search-plus"></i></a></td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--分页符-->
    <ul class="pagination">
        <li><a href="#">&laquo;</a></li>
        <li class="active"><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">&raquo;</a></li>
    </ul>
</div>

</body>
</html>
